<template>
  <div class="popover-demo">
    <MPopover trigger="hover" width="200" >
      <MButton>悬浮触发</MButton>
      <template #popover >
        <span :style="{color:'hotpink'}">啊啊啊</span>
      </template>
    </MPopover>
    <MPopover trigger="hover" placement="bottom-start" width="200" >
      <MButton>200宽度</MButton>
      <template #popover >
        <h1 :style="{color:'hotpink'}">200宽度200宽度200宽度</h1>
      </template>
    </MPopover>
  </div>
</template>

<script lang="ts" >

import { defineComponent } from "vue";
export default  defineComponent({
  components:{

  },
  setup(){


    return {


    }
  }
})

</script>

<style lang="scss">
.popover-demo {
  padding:10px;
  .m-popover
  {
    margin-right: 8px;
    margin-bottom: 12px;
  }
}
</style>

